Media Library — Becky Hwang
BH — MEDIA LIBRARY CASE STUDY 01 / 06 2024–2025

Media Library

UX/UI Design · B2B SaaS · Media Management 2024–2025

Redesigned the Media Library and Playlist experience so web operators could directly manage content displayed on newme. The project connected content management in the Owner Portal with device status and feedback, giving operators clearer control over what was actually shown on each device.

Year 2024–2025
Type UX/UI Design · B2B SaaS · Media Management
Context Owner Portal · Signage · newme
— Overview

Previously, web operators could not directly manage media displayed on newme. Updating content required coordination across operators, internal administrators, backend teams, and on-site staff—creating delays, repeated communication, and inconsistencies between devices.

I redesigned the experience around operator ownership: enabling operators to upload and organize media, build playlists, assign content to newme, and understand whether their changes were successfully reflected on the physical device.

— Challenge

The problem wasn't just a complicated workflow. It was a lack of control.

The original process separated the person managing content from the people deploying and verifying it. Operators could initiate a request, but they could not directly control the outcome or clearly confirm whether the correct content had reached the device.

This created operational risk, increased communication costs, and weakened trust in the experience—especially because actions taken in a digital interface produced results on a remote physical device.

Reframed from “the deployment process is too complicated” to “operators cannot control or verify the result of their actions.”

— Approach
01 Map the operational bottleneck. Analyzed the workflow across web operators, internal administrators, backend teams, and on-site staff to identify where ownership and communication broke down.
02 Shift control to the operator. Restructured the workflow so operators could directly manage and deploy content instead of relying on internal teams for every update.
03 Connect content management to devices. Designed Media Library and Playlist workflows that connected media selection, playlist creation, and assignment to individual newme devices.
04 Close the feedback loop. Created status and feedback patterns so operators could understand whether an action was updating, successfully reflected, disabled, or had failed.

This shift was intended to remove the structural bottleneck rather than simply make the existing approval process faster.

— Highlights
  • —Gave operators direct ownership of media upload and management
  • —Introduced playlists to manage multiple media assets as an operational unit
  • —Connected playlist assignment with individual newme devices
  • —Added device-level sync status to distinguish Synced and Error states
  • —Designed feedback for updating, success, disabled, and error states
  • —Connected digital actions in the Owner Portal with physical outcomes on newme

The Media Library removed the need to repeatedly depend on internal administrators for media formatting and deployment, while Playlists made it possible to organize multiple assets and display them directly on newme.

— Solution

From media management to an end-to-end operational flow

Instead of treating the Media Library as a standalone repository, I connected the full workflow. Operators could configure content through playlists and check from the web whether it had been correctly reflected on physically remote newme devices. If something failed, the interface surfaced the device status so operators could recognize and respond to the issue directly.

Upload→Organize→Build playlist→Assign to newme→Sync→Verify
— Feedback System

Action → Result → Feedback

Because the product connects a web interface with physical devices, completing an action in the UI was not enough—the operator also needed confidence that the change had actually reached newme. I designed feedback states around that relationship, communicating when a playlist was updating, successfully updated, disabled, or failed. This created a two-way feedback structure between the Owner Portal and newme and reduced the need to verify changes through other teams.

— Outcome

Shifted content management from a communication-heavy process to an operator-controlled system.

The redesigned experience allowed operators to manage signage content directly while maintaining visibility into device status and deployment results. This reduced dependency on internal teams and established a clearer connection between operator action → digital system → physical device → feedback.

According to project results documented in the portfolio
+70%
newme signage usage
−40%
airport information desk usage
← Back to home jjhwang19@gmail.com ↗
© 2026 BECKY HWANG TOKYO · UX/UI PRODUCT DESIGN
BH — MEDIA LIBRARY 케이스 스터디 01 / 06 2024–2025

Media Library

UX/UI Design · B2B SaaS · Media Management 2024–2025

웹 운영자가 newme에 표시되는 콘텐츠를 직접 관리할 수 있도록 Media Library와 Playlist 경험을 재설계했습니다. Owner Portal의 콘텐츠 관리와 실제 디바이스의 상태 및 피드백을 연결하여, 운영자가 어떤 콘텐츠가 어떤 newme에 반영되었는지 명확하게 파악하고 통제할 수 있는 경험을 구축했습니다.

연도 2024–2025
분야 UX/UI Design · B2B SaaS · Media Management
맥락 Owner Portal · Signage · newme
— 개요

기존에는 웹 운영자가 newme에 표시되는 미디어를 직접 관리할 수 없었습니다. 콘텐츠를 업데이트하려면 웹 운영자부터 내부 관리자, Backend 팀, 현장 담당자까지 여러 사람을 거쳐야 했고, 이 과정에서 업데이트 지연과 반복적인 커뮤니케이션, 디바이스 간 콘텐츠 불일치가 발생했습니다.

이를 운영자가 직접 미디어를 업로드하고 정리하고, 플레이리스트를 구성하고, newme에 적용한 뒤 실제 반영 상태까지 확인할 수 있는 구조로 재설계했습니다.

— 문제 정의

문제는 단순히 복잡한 프로세스가 아니라, 운영자가 결과를 통제할 수 없는 구조였습니다.

기존 구조에서는 콘텐츠를 관리하는 운영자와 실제 콘텐츠를 배포하고 확인하는 담당자가 분리되어 있었습니다. 운영자는 요청을 보낼 수 있었지만, 콘텐츠가 실제 디바이스에 제대로 적용되었는지 직접 통제하거나 명확하게 확인하기 어려웠습니다.

이는 잘못된 콘텐츠 노출에 따른 운영 리스크, 반복적인 커뮤니케이션에 따른 비용 증가, 그리고 디지털 행동의 물리적 결과를 확인하지 못하는 신뢰 UX의 문제로 이어졌습니다.

“배포 과정이 복잡하다”는 문제를 “운영자가 결과를 통제할 수 없는 구조가 문제다”로 재정의했습니다.

— 접근 방식
01 운영 병목 분석. 웹 운영자, 내부 관리자, Backend 팀, 현장 담당자로 이어지는 기존 워크플로우를 분석해 권한과 커뮤니케이션의 병목 지점을 파악했습니다.
02 운영자 중심으로 권한 재구성. 내부 관리자에게 매번 요청하는 대신, 운영자가 직접 콘텐츠를 관리하고 배포할 수 있도록 구조를 단순화했습니다.
03 콘텐츠와 디바이스 연결. Media Library에서 미디어를 관리하고 Playlist를 구성한 뒤 개별 newme에 적용할 수 있도록 하나의 흐름으로 연결했습니다.
04 피드백 루프 설계. 운영자가 자신의 행동이 적용 중인지, 완료되었는지, 비활성화되었는지 또는 실패했는지 명확하게 확인할 수 있는 상태와 피드백 구조를 설계했습니다.

단순히 기존 프로세스를 빠르게 만드는 것이 아니라 구조적인 병목 자체를 제거하는 것에 초점을 맞췄습니다.

— 핵심 포인트
  • —운영자가 직접 미디어를 업로드하고 관리할 수 있도록 권한 구조 개선
  • —여러 미디어를 하나의 운영 단위로 관리하는 Playlist 기능 도입
  • —Playlist와 개별 newme 디바이스를 직접 연결
  • —디바이스별 Synced / Error 상태 확인 기능 설계
  • —Updating / Success / Disabled / Error 피드백 상태 구축
  • —Owner Portal의 디지털 행동과 newme의 물리적 결과 연결

Media Library를 통해 내부 관리자에게 의존하던 미디어 관리 과정을 줄였으며, Playlist를 통해 여러 개의 콘텐츠를 하나의 흐름으로 구성하고 newme에 직접 적용할 수 있도록 했습니다.

— 해결 방안

미디어 관리 기능을 넘어 콘텐츠 선택부터 디바이스 반영까지 하나의 흐름으로 연결

기존의 분리된 프로세스를 end-to-end 경험으로 재구성했습니다. 운영자는 플레이리스트를 통해 콘텐츠를 구성하고, 물리적으로 떨어져 있는 newme에 해당 콘텐츠가 정상적으로 반영되었는지 웹에서 직접 확인할 수 있습니다. 문제가 발생한 경우에도 디바이스 상태를 통해 즉시 인지하고 대응할 수 있도록 설계했습니다.

업로드→미디어 관리→플레이리스트 구성→newme 할당→동기화→결과 확인
— 피드백 구조

행동 → 결과 → 피드백

웹에서 버튼을 누르는 것으로 경험이 끝나는 것이 아니라, 그 행동이 실제 newme에 반영되었는지까지 확인할 수 있어야 했습니다. 플레이리스트 변경이 적용 중인지(Updating), 완료되었는지(Success), 비활성화되어 있는지(Disabled), 또는 실패했는지(Error)를 명확하게 전달하는 피드백 구조를 설계했습니다. 이를 통해 Owner Portal과 newme 사이에 양방향 피드백 구조를 만들고, 운영자가 다른 팀을 거치지 않고 자신의 행동과 실제 결과를 직접 연결해 이해할 수 있도록 했습니다.

— 결과

커뮤니케이션 중심의 콘텐츠 운영을 운영자가 직접 통제할 수 있는 시스템으로 전환했습니다.

운영자는 내부 팀에 의존하지 않고 사이니지 콘텐츠를 직접 관리하면서, 디바이스 상태와 콘텐츠 반영 결과까지 확인할 수 있게 되었습니다. 결과적으로 운영자의 행동 → 디지털 시스템 → 물리적 디바이스 → 피드백이 하나의 경험으로 연결되는 콘텐츠 운영 구조를 구축했습니다.

포트폴리오에 기록된 프로젝트 결과에 따르면
+70%
newme 사이니지 사용률
−40%
공항 안내 데스크 사용률
← 홈으로 돌아가기 jjhwang19@gmail.com ↗